<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="Yb">
    <title>小米商城-搜索</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/index-index.css">
    <link rel="stylesheet" href="css/index-search.css">
</head>

<body>
    <!--搜索栏-->
    <nav class="nav_header">
        <header>
            <a href="index.html"><span class="glyphicon glyphicon-home"></span></a>
            <!--表单-搜索-->
            <div class="nav_search">
                <input type="text" placeholder="">
            </div>
            <a href="user/login/login.html" id="searchword"><span class="glyphicon glyphicon-search"></span></a>
        </header>
    </nav>
    <header class="search_pad">
        <h3>热门搜索</h3>
    </header>
    <header class="mybanner">
        <a href="">
            <img src="images/search_header01.jpg" alt="">
        </a>
    </header>
    <section class="search_pad">
        <div>
            <a href="" class="searchBtn" id="orange">红米4 超长续航</a>
            <a href="" class="searchBtn" id="green">小米Note 2</a>
            <a href="" class="searchBtn" id="red">小米5s</a>
        </div>
        <div>
            <a href="" class="searchBtn" id="green">笔记本</a>
            <a href="" class="searchBtn" id="orange">小米电视3s</a>
            <a href="" class="searchBtn" id="red">智能电饭煲</a>
        </div>
    </section>




    <script src="bootstrap/js/jquery-3.1.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>